<!DOCTYPE HTML>
<html>
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" src="js/jquery-min.js"></script>
    <script type="text/javascript" src="js/hammer.js"></script>
    <script type="text/javascript" src="js/jquery.hammer.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
	<link rel="stylesheet" href="/css/magazine.css" type="text/css" media="screen, handheld" charset="utf-8">
	<link rel="stylesheet" href="/css/magazinegrid.min.css" type="text/css" media="screen, handheld" charset="utf-8">
	<link rel="shortcut icon" href="/images/favicon.ico" />
	<link rel="apple-touch-icon-precomposed" href="/images/favicon.ico" />
	<link rel="apple-touch-startup-image" href="/images/favicon.ico" />
	<title>TTG</title>
</head>
<body onload="init();">
	<div id="headlines"></div>
	<p id="out"></p>
	<ul id="lateralMenu">
			<li data-article-id="article-1">
				<img src="/images/download.jpeg" />
				<h3>First</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-2">
				<img src="/images/download.jpeg" />
				<h3>Second</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-3">
				<img src="/images/download.jpeg" />
				<h3>Third</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-4">
				<img src="/images/download.jpeg" />
				<h3>Fourth</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-5">
				<img src="/images/download.jpeg" />
				<h3>Fifth</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
			<li data-article-id="article-6">
				<img src="/images/download.jpeg" />
				<h3>Sixth</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-7">
				<img src="/images/download.jpeg" />
				<h3>Seventh</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-8">
				<img src="/images/download.jpeg" />
				<h3>Eight</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
	
			<li data-article-id="article-9">
				<img src="/images/download.jpeg" />
				<h3>Ninth</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
			<li data-article-id="article-10">
				<img src="/images/download.jpeg" />
				<h3>Tenth</h3>
				<p>Lorem ipsum dolor sit amet...</p>
			</li>
		</ul>
		<div id="mainContent">
			<article id="article-1" class="hidden">
				<section class="gutter">
					<h1>This is the first <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column3">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>							
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>							
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>							
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
					<img class="medium" alt="cover" src="/images/teleferico.jpeg">
				</section>
				<section class="gutter">
				<img src="http://pagead2.googlesyndication.com/simgad/8272173272237055387" alt="" style=" width:600px" /><img src="http://www.ttgdigital.com/Pictures/web/p/t/l/subscribe--ogo-large.jpg" alt="" />
				</section> 
			</article>
			<article id="article-2" class="hidden">
				<section class="gutter">
					<h1>This is the second <strong>TTG Article Page</strong></h1>
					<iframe width="700" height="315" src="http://www.youtube.com/embed/OjMeOU80mAU?list=UUtTYf3GOQgtZyxKVZbRXPHg&amp;hl=en_US" frameborder="0" allowfullscreen></iframe>
				</section>
				<section class="gutter column2">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-3" class="hidden">
				<section class="gutter">
					<h1>This is the third <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<img src="http://colunistas.ig.com.br/obutecodanet/files/2011/04/anm1.gif" alt="" />
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-4" class="hidden">
				<section class="gutter">
					<h1>This is the fourth <strong>TTG Article Page</strong></h1>
					<img src="http://thumbnails.visually.netdna-cdn.com/airport-lounges--the-travel-industrys-best-kept-secret_508a47f9d50e4.gif" alt="" />
				</section>
			</article>
			<article id="article-5" class="hidden">
				<section class="gutter">
					<h1>This is the fifth <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-6" class="hidden">
				<section class="gutter">
					<h1>This is the sixth <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-7" class="hidden">
				<section class="gutter">
					<h1>This is the seventh <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-8" class="hidden">
				<section class="gutter">
					<h1>This is the eighth <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
			<article id="article-9" class="hidden">
				<section class="gutter">
					<h1>This is the ninth <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
					<article id="article-10" class="hidden">
				<section class="gutter">
					<h1>This is the tenth <strong>TTG Article Page</strong></h1>
					<p><strong>magazine grid will help you create nice magazine layouts</strong> in HTML5 for the iPad. It creates an 8-column grid and some typographic styles.</p>
					<p>The grid consists of 8 columns with a width of 82 pixels in portrait & 114 pixels in landscape orientation. They have a gap of 16 pixels. It comes with a fix baseline grid of 22 pixels and an optional gutter of 49 pixels. To use magazine grid, you need to include only CSS File. It's highly recommended to use the minified Version. Also, you need to set the viewport width to prevent automatic scaling of your page.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section>
				<section class="gutter column2 border">
					<h2>Made for tablets</h2>
					<p>aGrid.css is designed to work best on the iPad in portrait and landscape orientation. The simple 8 column grid uses the full display without leaving unnecessary margins.</p>		
					<h2>Yes, Sir!</h2>
					<p>Of course aGrid.css has a nice fallback style for devices with smaller displays such as the iPhone or iPod Touch. It linearizes the grid and puts the main focus on readability. </p>
					<h2>Lighter than 4kB</h2>
					<p>aGrid.css is superlight to load fast on mobile devices. That is why it doesn't care about oldschool browsers like IE6 or Netscape.</p>
					<p>Bacon ipsum dolor sit amet rump tri-tip pancetta jowl pork chop ball tip filet mignon pork loin short loin. Cow meatloaf tenderloin ball tip shankle. Short ribs frankfurter beef ribs pastrami, ham drumstick shank meatloaf shoulder andouille ball tip chuck hamburger ribeye doner. Pork sausage jerky ham rump tail. Salami capicola turducken shoulder shankle ribeye flank rump cow sausage.</p>
				</section> 
			</article>
		</div>
	</body>
</html>